<script setup>

</script>

<template>
    <div class="message-view">
        <div class="content">
            <van-cell v-for="item in produceList"
                :icon = "item.icon"
                :title = "item.title"
                :value = "item.value"
                :label = "item.label"
                center
            />
        </div>
    </div>
</template>

<script setup>
const produceList = [
    {
        icon:"/images/avatar1.jpg",
        title:"美食旗舰店",
        value:"一分钟前",
        label:"你好",
    },
    {
        icon:"/images/avatar2.jpg",
        title:"水果旗舰店",
        value:"五分钟前",
        label:"买我们的东西吗，亲~",
    },
    {
        icon:"/images/avatar3.png",
        title:"我的收藏",
        value:"星期一",
        label:"准备发售",
    },
    {
        icon:"/images/avatar4.png",
        title:"订单记录",
        value:"星期二",
        label:"您的订单4X223479",
    },
]
</script>

<style lang="scss" scoped>
:deep(.van-cell){
    .van-cell__left-icon {
        width: 40px;
        height: 40px;
        margin-right: 10px;
        .van-icon__image {
            width: 100%;
            height: 100%;
        }
    }
}
</style>